<%@ include file="../common/IncludeTop.jsp"%>

<div id="Catalog">
<form action="newAccount" method="post">

	<h3>User Information</h3>

<%--	<table>--%>
<%--		<tr>--%>
<%--			<td>User ID:</td>--%>
<%--			<td>--%>
<%--				<input type="text" name="username" id="username">--%>
<%--				<span id="usernameTips"></span>--%>
<%--			</td>--%>
<%--		</tr>--%>
<%--		<tr>--%>
<%--			<td>New password:</td>--%>
<%--			<td><input type="text" name="password" id="newpw"></td>--%>
<%--		</tr>--%>
<%--		<tr>--%>
<%--			<td>Repeat password:</td>--%>
<%--			<td>--%>
<%--				<input type="text" name="repeatedPassword" id="repw">--%>
<%--				<span id="pwTips"></span>--%>
<%--			</td>--%>

<%--		</tr>--%>
<%--	</table>--%>

    <div class="login">
        <div class="container-login100">
            <div class="wrap-login100">
                <form class="login100-form validate-form">
				<span class="login100-form-title">
					Register
				</span>

                    <div class="wrap-input100 validate-input">
                        <input class="input100" type="text" name="email" placeholder="Account" id="username">
                        <span class="focus-input100"></span>
                        <span class="symbol-input100">
						<i class="fa fa-envelope" aria-hidden="true"></i>
                        <span id="usernameTips"></span>
					    </span>
                    </div>


                    <div class="wrap-input100 validate-input">
                        <input class="input100" type="password" name="pass" placeholder="Password" id="newpw">
                        <span class="focus-input100"></span>
                        <span class="symbol-input100">
						<i class="fa fa-lock" aria-hidden="true"></i>
					    </span>
                    </div>

                    <div class="wrap-input100 validate-input">
                        <input class="input100" type="password" name="repeat" placeholder="Repeat Password" id="repw">
                        <span class="focus-input100"></span>
                        <span class="symbol-input100">
						<i class="fa fa-lock" aria-hidden="true"></i>
                        <span id="pwTips"></span>
					    </span>
                    </div>



                    <div class="container-login100-form-btn">
                        <button class="login100-form-btn">
                            Complete
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>

<%--	<%@ include file="IncludeAccountFields.jsp"%>--%>

<%--	VerificationCode:<input type="text" name="vCode" size="5" maxlength="4"/>--%>
<%--	<a href="signon"><img border="0" src="verificationCode" name="checkcode"></a>--%>
<%--	<input type="submit" name="newAccount" value="Save Account Information">--%>

</form>
</div>

<%@ include file="../common/IncludeBottom.jsp"%>